<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/indox.css">
    <link rel="stylesheet" href="./font/iconfont.css">

</head>

<body>

    <!-- 头部模块  start -->
    <header class="header"></header>
    <!-- 头部模块  end -->

    <!-- 大图片轮播图  start -->
    <article class="bigLunBoTu"></article>
    <!-- 大图片轮播图  end -->

    <!-- 热门商品 start -->
    <section class="hot"></section>
    <!-- 热门商品 放氮去氧 end -->

    <!-- 中间三大部分 start -->
    <aside class="aside">
        <div class="aside_a">
            <!--  活动精选 start -->
            <main class="choiceness"></main>
            <!--  活动精选 end -->
            <!-- 人气热销 start -->
            <aside class="hotMarket"></aside>
            <!-- 人气热销 end -->
        </div>
    </aside>
    <!-- 中间三大部分 end -->

    <!-- 尾部模块 start -->
    <footer class="footer"></footer>
    <!-- 尾部模块 end -->
    <div id="gotoTop"><span class="iconfont icon-Top"></span></div>
</body>

</html>
<script src="jQuery.js"></script>
<script src="js/indox.js"></script>
<script>

    // 头部模块
    $('header').load('header.html')
    // 大轮播图
    $('article').load('lunBoTu.html')

    $('section').load('xiaolunbotu.html')

    //   中间三大部分
    $('aside').load('aside.html')

    // 尾部模块
    $('footer').load('footer.html')

</script>